<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="和逸金融，是以科技金融为主导的公司，主要业务板块包括中国资产证券化、基金服务、金融科技以及辅助这三大业务板块成立的中国资产证券化研究院。"/>
    <meta name="keywords" content="和逸,科技,牌照,金融"/>
    <meta name="author" content="HeYi">
    <title>[[${contactus.name}]]</title>
    <!-- 框架 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 样式清理 -->
    <link href="css/normalize.css" rel="stylesheet">
    <!-- 通用页面样式 -->
    <link href="css/main.css" rel="stylesheet">
    <link href="css/page.css" rel="stylesheet">
    <!-- HTML5兼容性处理 -->
    <!-- Respond.js响应式设计>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Favicons网站图标 -->
    <link rel="shortcut icon" href="img/favicon.ico"/>
    <link rel="bookmark" href="img/favicon.ico" type="image/x-icon"/>
    <style>
        @media (max-width: 700px) {
            .box-right-mid ul img {
                width: 100%;
            }
        }
    </style>
</head>
<body>
<!-- 移动端导航 -->
<div class="mask"></div>
<div class="sidebar">
    <ul>
        <li><a href="index.html">首页</a></li>
        <li><a href="aboutus.html">关于我们</a></li>
        <li><a href="team.html">专业团队</a></li>
        <li><a href="adviser.html">专业顾问</a></li>
        <li><a href="culture.html">公司文化</a></li>
        <li><a href="job.html">求职招聘</a></li>
        <li><a href="contact.html">联系我们</a></li>
        <li><a href="product.html">和逸教育</a></li>
        <li><a href="product-2.html">和逸科技</a></li>
        <li><a href="product-3.html">和逸金服</a></li>
        <li><a href="product-4.html">和逸金融</a></li>
    </ul>
</div>
<div class="main-wrapper">
    <!-- header顶部导航 -->
    <div th:replace="front/include"></div>
    <!-- advert组件 -->
    <div class="advert">
        <div th:each="banner,iterStat : ${bannerList}">
            <img th:src="@{${banner.imgUrl}}">
            <h1></h1>
            <h1></h1>
        </div>
    </div>
</div>
<!-- section -->
<section>
    <div class="box clearfix">
        <div class="box-left">
            <div class="title">
                <h3>业务介绍</h3>
            </div>
            <ul>
                <!--          <li><a th:href="@{'/front/product'}"target="_Self">和逸教育</a></li>-->
                <!--          <li><a th:href="@{'/front/product2'}"target="_Self">和逸科技</a></li>-->
                <!--          <li><a th:href="@{'/front/product3'}"target="_Self">和逸金服</a></li>-->
                <!--          <li><a th:href="@{'/front/product4'}"target="_Self">和逸金融</a></li>-->
                <li th:each="fea,itemStat:${featurelist}">
                    <a th:href="@{'/front/'+${fea.type}}" target="_Self">[[${fea.title}]]</a>

                </li>
            </ul>
        </div>
        <div class="box-right">
            <div class="box-right-top">
                <ul>
                    <li>当前位置&nbsp>></li>
                    <li>业务介绍&nbsp>></li>
                    <li id="title2"></li>
                </ul>
            </div>
            <div hidden="hidden" id="content1" class="box-right-mid" th:each="fea,itemStat:${featurelist}"
                 th:if="${fea.type} eq 'product2'">
                <div id="title1" hidden="hidden">
                    <h4>[[${fea.title}]]</h4>
                </div>
                <p>[[${fea.content}]]</br></p>
            </div>
            <div id="content2" class="scxy-article-box">
            </div>
        </div>
    </div>
</section>
<!-- footer页面底部 -->
<div th:replace="front/footer"></div>
<!-- 版权信息 -->
<div th:replace="front/copyright"></div>
<!-- 返回顶部按钮 -->
<button class="back-to-top" style="display: none;"></button>
<!-- 框架库加载 -->
<script src="../../static/front/js/jquery.min.js" th:src="@{/front/js/jquery.min.js}"></script>
<script src="../../static/front/js/bootstrap.min.js" th:src="@{/front/js/bootstrap.min.js}"></script>
<!-- 脚本加载 -->
<script src="../../static/front/js/main.js" th:src="@{/front/js/main.js}"></script>

<script type="text/javascript">
    $(function () {
        $("#content2").html($("#content1").text());
        $("#title2").html($("#title1").text());
    });
</script>

</body>
</html>
